$(function (){
    $.ajax({
        url: 'http://localhost:8080/product/info',//地址：访问后台的地址
        data: {'id' : sessionStorage.getItem("productId")},//前端传递给后台的数据
        type: 'get',
        async: false,
        success: function (data) {//后端给前端的一个反馈
            console.log(data)
            setInfoList(data.data)
        }
    });
})
function setInfoList(data){
    if(data.length === 3){
        let html="";
        html += '<div><img src="'+data[1].img+'" height="300" width="300"/>' +
            '    <span class="info_name">'+data[1].productName+'</span>' +
            '    <span class="info_bottom"></span>' +
            '    <span class="info_Nprice">市场价： '+data[1].normalPrice+'</span>' +
            '    <div class="info_price">' +
            '    <span>价格： </span>' +
            '    <span style="color: red ; font-weight: bold">'+data[1].price+'</span></div>' +
            '    <button type="button" class="layui-btn" id="layui-btn" onclick="payment('+data[1].price+','+data[1].id+')">购买</button></div>\n' +
            '                            <div>'+data[1].productName+'</div>' +
            '                            <div>'+data[1].content+'</div>' +
            '                            <div onclick="productInfo('+data[0].id+')">上一个： '+data[0].productName+'</div>'+
            '                            <div onclick="productInfo('+data[2].id+')">下一个： '+data[2].productName+'</div>';

        $("#product_info").html(html);
    }
    if(data.length === 2){
        let html="";
        if(sessionStorage.getItem("productId")==data[0].id){
            html += '<div><img src="'+data[0].img+'" height="300" width="300"/>' +
                '    <span class="info_name">'+data[0].productName+'</span>' +
                '    <span class="info_bottom"></span>' +
                '    <span class="info_Nprice">市场价： '+data[0].normalPrice+'</span>' +
                '    <div class="info_price">' +
                '    <span>价格： </span>' +
                '    <span style="color: red ; font-weight: bold">'+data[0].price+'</span></div>' +
                '    <button type="button" class="layui-btn" id="layui-btn" onclick="payment('+data[0].price+','+data[0].id+')">购买</button></div>\n' +
                '                            <div>'+data[0].productName+'</div>' +
                '                            <div>'+data[0].content+'</div>' +
                '                            <div>上一个： 无</div>'+
                '                            <div onclick="productInfo('+data[1].id+')">下一个： '+data[1].productName+'</div>';

            $("#product_info").html(html);
        }else {
            html += '<div><img src="'+data[1].img+'" height="300" width="300"/>' +
                '    <span class="info_name">'+data[1].productName+'</span>' +
                '    <span class="info_bottom"></span>' +
                '    <span class="info_Nprice">市场价： '+data[1].normalPrice+'</span>' +
                '    <div class="info_price">' +
                '    <span>价格： </span>' +
                '    <span style="color: red ; font-weight: bold">'+data[1].price+'</span></div>' +
                '    <button type="button" class="layui-btn" id="layui-btn" onclick="payment('+data[1].price+','+data[1].id+')">购买</button></div>\n' +
                '                            <div>'+data[1].productName+'</div>' +
                '                            <div>'+data[1].content+'</div>' +
                '                            <div onclick="productInfo('+data[0].id+')">上一个： '+data[0].productName+'</div>'+
                '                            <div>下一个： 无</div>';

            $("#product_info").html(html);
        }
    }
    if(data.length === 1){
        let html="";
        html += '<div><img src="'+data[1].img+'" height="300" width="300"/>' +
            '    <span class="info_name">'+data[1].productName+'</span>' +
            '    <span class="info_bottom"></span>' +
            '    <span class="info_Nprice">市场价： '+data[1].normalPrice+'</span>' +
            '    <div class="info_price">' +
            '    <span>价格： </span>' +
            '    <span style="color: red ; font-weight: bold">'+data[1].price+'</span></div>' +
            '    <button type="button" class="layui-btn" id="layui-btn" onclick="payment('+data[1].price+','+data[1].id+')">购买</button></div>\n' +
            '                            <div>'+data[1].productName+'</div>' +
            '                            <div>'+data[1].content+'</div>' +
            '                            <div>上一个： 无</div>'+
            '                            <div>下一个： 无</div>';

        $("#product_info").html(html);
    }
}
function payment(price,id){
    window.location.href = 'http://localhost:8080/product/info/pay?price='+price+'&id='+id;
}